<template>
	<div>
		<div class="logo">
			<img alt="Vue logo" src="@/assets/rel_logo2.jpg">
		</div>
		<div class="form_box">
		<!-- <template style="display: block;"> -->
		  <el-form
		    ref="ruleFormRef"
		    :model="ruleForm"
		    status-icon
		    :rules="rules"
		    label-width="120px"
		    class="demo-ruleForm"
		  >
		    <div style="font-size: 20px;font-weight: bold;">Welcome to XSRS-admin</div>
		  </el-form>
		<!-- </template> -->
		</div>
	</div>
</template>
<script type="text/javascript">
	import  { FormInstance,FormRules,ElMessage  } from 'element-plus'
	import {USERNAME,PREFIX,IDENT,EQUAL,EXPIRES} from '@/utils/currency.js'
	const Base64 = require("js-base64").Base64//引入加密方式
	export default{
		data(){
			return {
				ruleFormRef:{},
				ruleForm :{
				  pass: '',
				  name: '',
				},
				rules:{
				  pass: [
				    { required: true, message: '请输入密码', trigger: 'blur' },
				    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
				  ],
				  name: [
				    { required: true, message: '请输入账号', trigger: 'blur' },
				    // { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
				  ],
				}
			}
		},
		methods:{
			
		},
		mounted(){

		}
	}
</script>
<style type="text/css">
	.form_box{
		    width: 50%;
    margin: 0 auto;
    max-width: 400px;
	}
	.logo>img{
		width: 20%;
		max-width: 300px;
	}
	.logo{
		margin: 5rem 0;
	}
</style>
